<template>
    <view class="wish-list-container">
        <!-- <Tabs /> -->
        <WishWall />
        <ImageButton @click="wishModalShow = true" :image="vip_btn_image">
            <tm-text :font-size="32" color="#FFECB8" label="我要许愿"></tm-text>
        </ImageButton>
    </view>
    <WishModal v-model:show="wishModalShow" />
</template>
<script setup lang="ts">
    import { ref } from "vue";
    import vip_btn_image from '/static/assets/images/index/btn-vip.png'
    import ImageButton from '@/components/ImageButton/index.vue'
    import WishWall from "./WishWall/WishWall.vue";
    import WishModal from '../WishModal/WishModal.vue'

    const wishModalShow = ref(false);
</script>
<style lang="less" scoped>
    .tab-container {
        margin-top: 30rpx;
    }

    .wish-list-container {
        position: relative;
        .image-button {
            width: 300rpx;
            height: 100rpx;
            position: absolute;
            bottom: 60rpx;
            right: 50%;
            transform: translateX(50%);
            z-index: 100;
        }
    }
</style>